// 导入创建路由的函数和类型
import { createBrowserRouter } from 'react-router-dom';
import type { RouteObject } from 'react-router-dom';

import { lazy } from 'react'
//引入懒加载的形式:
const App = lazy(() => import('../App.tsx'))
const MacDock = lazy(() => import('../views/macDock/macDock.tsx'))

// 创建router路由实例对象，并配置路由对应关系（路由数组）
const routes: RouteObject[] = [
  {
    // 需要访问的路径
    path: '/',
    // 和路径对应的组件
    // 和 Vue 不同的是，此处是使用 element 接收 组件 或 jsx 的
    // 此处写 jsx 是为了演示，在实际开发中，这里写的是组件
    element: <App />,
    children: [
      {
        path: 'macdock',
        element: <MacDock />
      },
    ]
  }
];

const router = createBrowserRouter(routes);

export default router; 